<template>
	<!-- 签单 -->
	<view class="page">
		<!-- search -->
		<view style="display: flex;flex-direction: row;align-items: center;padding: 12px;background-color: #FFFFFF;">
			<view class="" @click="popBack()">
				<text class="iconfont icon-arrow-left" style="font-size: 16px;font-weight: bold;"></text>
				<text style="font-size: 16px;">签单</text>
			</view>
			<view style="margin-left: 12px;
				flex: 1;
				background-color: #FFFFFF;
				display: flex;
				justify-content: flex-end;
				">
				<div style="
					font-size: 14px;
					padding: 5px 12px;
					border: 1px solid #ebebeb;
					margin-right: 12px;
					background-color: #FFFFFF;">
					返回</div>
				<div style="
					font-size: 14px;
					border: 1px solid #ebebeb;
					padding: 5px 12px;
					color: #FFFFFF;
					background-color: #007AFF;">
					提交</div>
			</view>
		</view>
		<!-- body -->
		<div style="flex: 1;overflow-y: auto;padding: 12px;">
			<!-- button -->
			<div style="display: flex;">
				<div @click="selectCorse()"
					style="padding: 6px 12px;color: #007AFF;font-size: 14px;border: 1px solid #007AFF;border-radius: 4px;">
					选择课程</div>
			</div>
			<!-- 课程信息 -->
			<div style="margin-top: 5px;">
				<text style="font-size: 14px;font-weight: bold;">课程信息</text>
				<div style="padding: 12px;border: 1px solid #999999;margin-top: 5px;padding-top: 6px;"
					v-for="(item,idx) in 2">
					<div style="display: flex;align-items: center;margin-top: 5px;">
						<text style="font-size:12px;color: #999999;min-width:40px">项目:</text>
						<text style="font-size:12px;margin-left: 12px;">四川大学项目001</text>
						<text style="font-size:12px;">(￥12.00)</text>
					</div>

					<div style="display: flex;align-items: center;margin-top: 5px;">
						<text style="font-size:12px;color: #999999;min-width:40px">课程2:</text>
						<text style="font-size:12px;margin-left: 12px;">英语</text>
						<text style="font-size:12px;color: #FF0000;margin-left: 5px;">￥12.00</text>
					</div>
					<div style="display: flex;align-items: center;margin-top: 5px;">
						<text style="font-size:12px;color: #999999;min-width:40px">课程2:</text>
						<text style="font-size:12px;margin-left: 12px;">化学</text>
						<text style="font-size:12px;color: #FF0000;margin-left: 5px;">￥12.00</text>
					</div>
				</div>
				<!-- 价格 -->
				<div style="font-size: 14px;font-weight: bold;margin-top: 12px;">课程价格</div>
				<div style="padding: 6px 12px;border: 1px solid #999999;margin-top: 5px;">
					<div style="display: flex;align-items: center;">
						<text style="font-size:12px;color: #999999;min-width:40px;color:#333333">课程总额:</text>
						<text style="font-size:12px;color: #FF0000;margin-left: 5px;">￥12.00</text>
					</div>
					<div style="display: flex;align-items: center;margin-top: 5px;">
						<text style="font-size:12px;color: #999999;min-width:40px;color:#333333">优惠金额:</text>
						<text style="font-size:12px;color: #FF0000;margin-left: 5px;">￥-12.00</text>
					</div>

					<div style="display: flex;align-items: center;margin-top: 5px;">
						<text style="font-size:12px;color: #999999;min-width:40px;color:#333333">已付定金:</text>
						<text style="font-size:12px;color: #FF0000;margin-left: 5px;">￥0.00</text>
					</div>

					<div style="display: flex;align-items: center;margin-top: 5px;">
						<text style="font-size:12px;color: #999999;min-width:40px;color:#333333">应付金额:</text>
						<text style="font-size:12px;color: #FF0000;margin-left: 5px;">￥20.00</text>
					</div>
				</div>

				<!-- 缴纳方式 -->
				<div style="padding: 6px 12px;border: 1px solid #999999;margin-top: 5px;">
					<div style="font-size: 14px;font-weight: bold;">缴纳方式</div>
					<div style="display: flex;align-items: center;">
						<label class="radio">
							<radio value="" style="transform: scale(0.7);" />
							<text style="font-size: 14px;">定金</text>
						</label>
						<label class="radio" style="margin-left: 12px;">
							<radio value="" style="transform: scale(0.7);" />
							<text style="font-size: 14px;">全款</text>
						</label>
					</div>
					<div style="font-size: 14px;font-weight: bold;margin-top: 12px;">收款方式</div>
					<div style="display: flex;align-items: center;">
						<label class="radio">
							<radio value="" style="transform: scale(0.7);" />
							<text style="font-size: 14px;">在线收款</text>
						</label>
						<label class="radio" style="margin-left: 12px;">
							<radio value="" style="transform: scale(0.7);" />
							<text style="font-size: 14px;">线下已转账</text>
						</label>
					</div>
					<div style="display: flex;justify-content: flex-end;margin-top: 12px;">
						<div style="display: flex;align-items: center;">
							<text style="font-size: 14px;">付定金后优惠:</text>
							<text style="font-size: 14px;color: #FF0000;margin-left: 5px;">¥-450.00</text>
						</div>
						<div style="width: 12px;"></div>
						<div style="display: flex;align-items: center;">
							<text style="font-size: 14px;">定金:</text>
							<text style="font-size: 14px;color: #FF0000;margin-left: 5px;">¥-450.00</text>
						</div>
					</div>




				</div>


			</div>


		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			selectCorse(){
				uni.navigateTo({
					url:"/pages/personinfo/personinfo-selectcorse"
				})
			},
			popBack() {
				uni.navigateBack({
			
				})
			}
		}
	}
</script>

<style scoped>
	.page {
		flex: 1;
		display: flex;
		flex-direction: column;
	}
</style>
